<template>
  <div class="User">
    <h1>User</h1>
    <ul>
      <li v-for="(item, index) of users">
        <router-link :to="{
          name: 'mobile-user-detail',
          params: {
            user_id: item
          }
        }">
          {{ item }}
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
import { ref } from "vue"


export default {
  name: "User",
  setup() {
    const users = ref([
      "zhangsan",
      "lisi",
      "wangwu",
      "zhaosi",
    ])

    return {
      users,
    }
  }
}
</script>
